<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="th/m/include/head :: head(~{::title}, ~{::style})">
    <meta charset="utf-8">
    <title>通讯录</title>
    <style>
        h5 {
            font-weight: bold;
            text-align: center;
            font-size: 16px;
            color: #000;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">通讯录</h1>
</header>
<div class="mui-content">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">姓名</span></div>
                <div class="mui-table-cell mui-col-xs-10"><span class="mui-h5">[[${user.realName}]]</span></div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">部门</span></div>
                <div class="mui-table-cell mui-col-xs-10"><span class="mui-h5">[[${deptName}]]</span></div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">手机</span></div>
                <div class="mui-table-cell mui-col-xs-10">
                    <span class="mui-h5 mui-pull-left">[[${user.mobile}]]</span>
                    <a th:if="${user.mobile ne '' and user.mobile ne null}" th:href="'tel:' + ${user.mobile}"
                       class="mui-icon mui-icon-phone mui-pull-right" style="font-size:20px"></a>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">Email</span></div>
                <div class="mui-table-cell mui-col-xs-10"><span class="mui-h5">[[${user.email}]]</span></div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">短号</span></div>
                <div class="mui-table-cell mui-col-xs-10">
                    <span class="mui-h5 mui-pull-left">[[${user.msn}]]</span>
                    <a th:if="${user.msn ne '' && user.msn != null}" th:href="'tel:' + ${user.msn}"
                       class="mui-icon mui-icon-phone mui-pull-right" style="font-size:20px"></a>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">微信</span></div>
                <div class="mui-table-cell mui-col-xs-10"><span class="mui-h5">[[${user.weixin}]]</span></div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-2"><span class="mui-h5">电话</span></div>
                <div class="mui-table-cell mui-col-xs-10">
                    <span class="mui-h5 mui-pull-left">[[${user.phone}]]</span>
                    <a th:if="${user.phone ne '' && user.phone != null}" th:href="'tel:' + ${user.phone}"
                       class="mui-icon mui-icon-phone mui-pull-right" style="font-size:20px"></a>
                </div>
            </div>
        </li>
    </ul>
</div>
<script th:inline="javascript">
    var isUniWebview = [[${nav.isUniWebview}]];

    if (!mui.os.plus || isUniWebview) {        // 必须删除，而不能是隐藏，否则mui-bar-nav ~ mui-content中的padding-top会使得位置下移
        $('.mui-bar').remove();
    }

    mui.init({
        keyEventBind: {
            backbutton: !isUniWebview //关闭back按键监听
        }
    });

    function callJS() {
        return {"btnAddShow": 0, "btnAddUrl": ""};
    }

    var iosCallJS = '{ "btnAddShow":0, "btnAddUrl":"" }';
</script>
<div th:replace="th/m/include/navbar :: nav(${nav}, false, '', false)"></div>
</body>
</html>